<template>
	<view class="content">
		<image class="logo" src="@/static/logo.png"></image>
		<uni-card title="基础卡片" extra="额外信息">
			<text>这是一个基础卡片示例，此示例展示了一个标题加标题额外信息的标准卡片。</text>
		</uni-card>
		<view class="text-area">
			<text class="title">{{ pd.title }}</text>
			<br />
			<text class="title">{{ pd.sdfwew }}</text>
			<br />
			<text class="title">{{ title }}</text>
		</view>
		<uni-section title="基础样式" type="line" padding>
			<uni-grid :column="4" :highlight="true" @change="change">
				<uni-grid-item v-for="(item, index) in 4" :index="index" :key="index">
					<view class="grid-item-box" style="background-color: #fff;">
						<uni-icons type="image" :size="30" color="#777" />
						<text class="text">文本信息</text>
					</view>
				</uni-grid-item>
			</uni-grid>
		</uni-section>
	</view>
</template>

<script setup name="index">
	import {
		ref,
		reactive
	} from "vue";
	const pd = reactive({
		title: "第一个参数",
		sdfwew: "第二个参数"
	});
	let title = ref("第三个参数");
</script>

<style>
</style>